// jq入口函数 当页面的dom加载完毕时调用
$(function () {
    // 请求当前登录用户信息 接口
    getuserInfo()
    // 为退出按钮绑定事件
    $('#btnLogout').on('click', logout)
})
// 请求 当前登录用户信息接口
function getuserInfo() {
    $.ajax({
        url: '/my/userinfo',
        // 向请求头中添加token
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // },
        success(res) {
            // 提示信息
            layui.layer.msg(res.message);
            // 如果获取失败则停止执行
            if (res.status !== 0) {
                return
            }
            // 如果成功 则将数据渲染到当前页面
            render(res.data)
        }
    })
}
// 渲染头像和名称
function render(usrInfo) {
    // 呢称(判断是英文还是中文) ??默认值
    const usrName = usrInfo.nickname || usrInfo.username
    // 设置头像欢迎语
    $('#usrName').text(usrName)
    // 判断是否有图片地址
    // 如果有图片地址
    if (usrInfo.user_pic) {
        // 将图片设置给头像标签并显示
        $('.img-avatar').attr('src', usrInfo.user_pic).show()
        // 隐藏文本头像标签
        $('.text-avatar').hide()
    } else {
        $('.text-avatar').text(usrName[0].toUpperCase()).show();
        $('.img-avatar').hide()
    }

}
// 退出方法
function logout(e) {
    e.preventDefault();
    // 弹出确认提示框
    layer.confirm('終了することを確認する', {
        icon: 3,
        title: '提示'
    }, function (index) {

        // 删除
        localStorage.removeItem('token')
        // 跳转登录页面
        location.href = '/login.html'
    });
}